<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../bootstrap/css/bootstrap-theme.css">
    <script src="../jquery-3.2.1.min.js"></script>
    <script src="../bootstrap/js/bootstrap.js"></script>
</head>
<body>
<form class="form-inline">
    <p>
        input-lg：输入框变大
        input-sm: 输入框变小
        btn-lg:   按钮变大
        btn-sm:   按钮变小

    </p>
    <div class="form-group has-success ">
        <label class="control-label">这是一个输入框</label>
        <input type="text" placeholder="这是一个输入框" class="form-control input-sm" width="50px">
    </div>
    <div class="form-group  has-error">
        <label class="control-label">这是一个下拉框</label>
   <select class="form-control">
       <option value="">南京</option>
       <option value="">南京</option>
       <option value="">南京</option>
       <option value="">南京</option>
   </select>
    </div>
    <div class="form-group  has-warning">
        <label class="control-label">这是一个输入框</label>
        <textarea placeholder="这是一个输入框" class="form-control input-lg">
        </textarea>
    </div>
<br/><br/>
    <button class="btn">这是一个按钮</button>
    <button class="btn btn-default btn-lg">这是一个按钮</button>
    <button class="btn btn-warning btn-sm" >这是一个按钮</button>
    <button class="btn btn-success active" disabled="disabled" >这是一个按钮</button>
    <button class="btn btn-info btn-block">这是一个按钮</button>
    <button class="btn btn-danger">这是一个按钮</button>
    <button class="btn btn-primary">这是一个按钮</button>
    <button class="btn btn-link">这是一个按钮</button>
    <button class="btn active">这是一个按钮</button>

<a class="btn btn-success">我是a标签</a>
</form>
</body>
</html>